<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="copyright" content="首页">
    <meta name="author" content="首页">
    <title>产品详情</title>
    <link rel="stylesheet" href="./static/css/basic.css" />
    <link rel="stylesheet" href="./static/css/style.css" />
    <link rel="stylesheet" href="./static/fonticon/iconfont.css">
    <script src="./static/js/jquery-1.11.0.min.js"></script>
    <script src="./static/js/js.js"></script>
  </head>

  <body>
    <div id="navTop">产品详情</div>
    <div id="product_detail">
      <div class="mb-10 product-main1 bgff ">
        <div class="detail-table paddLR">
          <div class="detail-table-top mb-10">
            <p class="item flex-bect"><span>10万元≤X&lt;50万元</span> <span>7.20%</span></p>
            <p class="item flex-bect"><span>50万元≤X&lt;100万元</span> <span>7.50%</span></p>
            <p class="item flex-bect"><span>100万元≤X&lt;300万元</span> <span>7.80%</span></p>
            <p class="item flex-bect"><span>300万元≤X&lt;1000万元</span> <span>8.20%</span></p>
          </div>
          <div class="detail-table-tip flex-bect">
            <span class="btn main-bg">投资金额</span>
            <span class="btn main-bg">基准收益</span>
          </div>
        </div>
        <div class="product-copy red paddLR" data-content="投资金额：10万元 ≤ 50万元; 基准收益：7.20%<br>投资金额：50万元 ≤ 100万元; 基准收益：7.50%<br>投资金额：100万元 ≤ 300万元; 基准收益：7.80%<br>投资金额：300万元 ≤ 1000万元; 基准收益：8.20%"><i class="iconfont icon-fuzhi"></i>复制区间信息</div>
      </div>
      <div class="mb-10 detail-bond bgff">
        <h2 class="title paddLR"><i class="iconfont icon-jiesuanzhanghubaobiao"></i>发行人募集账户</h2>
        <div id="userInfo" class="detail-bond-con paddLR">
          萧县聚源国资债权资产（1年期）：<br>【账户名】萧县聚源国有资产投资咨询有限责任公司<br>【账&nbsp;号】12025101040022516<br>【开户行】中国农业银行萧县支行</div>
        <div class="product-copy red paddLR" data-content="萧县聚源国资债权资产（1年期）：<br>【账户名】萧县聚源国有资产投资咨询有限责任公司<br>【账&nbsp;号】12025101040022516<br>【开户行】中国农业银行萧县支行"><i class="iconfont icon-fuzhi"></i>复制账户信息</div>
      </div>
      <div class="product-main2 mb-10 bgff paddLR flex-bect">
        <div class="name">
          <h2>基础设施类</h2>
          <h3>投资领域</h3>
        </div>
        <div class="time">
          <h2>12月</h2>
          <h3>产品期限</h3> 
        </div>
        <div class="money">
          <h2>10万元</h2>
          <h3>认购起点</h3>
        </div>
      </div>
      <div class="product-main3 ">
        <div class="detail-con">
          <div class="title paddLR bgff"><i class="iconfont icon-shezhi"></i>产品信息
          </div>
          <div class="white-pd mb-10 bgff">
            <ul class="detail-con-list">
              <li class="flex-bect paddLR"><span class="left-value">产品名称</span> <span class="right-value">萧县聚源国资债权资产（1年期）</span></li>
              <li class="flex-bect paddLR"><span class="left-value">产品状态</span> <span class="right-value">推荐中</span></li> 
              <li class="flex-bect paddLR"><span class="left-value">产品规模</span> <span class="right-value">5000万元</span></li>     
              <li class="flex-bect paddLR"><span class="left-value">付息方式</span> <span class="right-value">自然季度付息到期还本息</span></li>
              <li class="flex-bect paddLR"><span class="left-value">认购起点</span> <span class="right-value">10万元</span></li>
            </ul>
            <div class="product-copy red" data-content = "产品名称：萧县聚源国资债权资产（1年期）<br>产品状态：推荐中<br>产品规模：5000万元<br>发行机构：<br>受托管理人：<br>服务商：<br>担保机构：<br>付息方式：自然季度付息到期还本息<br>认购起点：10万元"><i class="iconfont icon-fuzhi"></i>复制基本信息</div>
          </div>  
          <div class="white-pd bgff">
            <div class="title paddLR"><i class="iconfont icon-shezhi"></i>融资主体</div>
            <div class="text paddLR">萧县聚源国有资产投资咨询有限责任公司</div>
          </div>    
        </div>
      </div>
    </div>
    <div class="detail-bottom paddLR"><span class="submit-btn">签约录单</span></div>
<style>

</style>



    <!-- 弹窗 -->
    <div class="pup" id="qianyueOrder">
      <div class="pup-bg pup-close"></div>
      <div class="pup-content">
        <h2 class="pup-title flex-bect">
          <span class="tit">产品预约</span>
          <span class="iconfont icon-guanbi pup-close"></span>
        </h2>
        <div class="pup-box">
          <dl class="detail-pup-form border-no">
            <dd class="form-item">
              <span class="form-lab">预约金额</span>
              <div class="form-div">
                <input type="text" class="form-put" placeholder="请输入预约金额(元)">
              </div>
            </dd>
            <dd class="form-item">
              <span class="form-lab">起购金额：</span>
              <div class="form-div">10万元</div>
            </dd>
            <dd class="form-item">
              <span class="form-lab">递增金额：</span>
              <div class="form-div">1万元</div>
            </dd>
            <dd class="form-item">
              <span class="form-lab">单笔最高：</span>
              <div class="form-div">无限制</div>
            </dd>
          </dl>
        </div>
        <div class="pup-bottom">
          <span class="confirm-btn btn">确定</span>
          <span class="cancel-btn btn pup-close">取消</span>
        </div>
      </div>
      
      
    </div>
    
    <script>
      $('.submit-btn').click(function(){
        $('#qianyueOrder').addClass('show')
      })
    </script>
  </body>
</html>